<html>
<head>
<title>Un ejemplo practico de css en un documento externo</title>
<link rel="stylesheet" href="estilo.css" type="text/css" /> 
</head>
<body>
Como en la hoja de estilo hemos dicho que el body fuera con fondo blanco, con
un texto de tama&ntilde;o 10 y centrado, &eacute;sta ser&aacute; la apariencia
principal de la p&aacute;gina.
<p>Aqu&iacute; tenemos un parrafo. Como tambi&eacute;n le hemos aplicado un estilo,
podemos ver el texto del p&aacute;rrafo de color azul y con un tama&ntilde;o
ligeramente superior.</p>
<p id="estilo1"> A este parrafo le hemos aplicado el “estilo1”, por lo que el
texto tiene un fondo negro, un texto en blanco y un tama&ntilde;o de 15 px.</p>

<div class="clase1">Este texto posee unas caracter&iacute;sticas propias de la
clase 1. No es que sea un estilo muy bonito, pero por lo menos se entiende bien,
&iquest;&iquest;no?? </div><br>

<h1>Y aqu&iacute; tenemos un &uacute;ltimo estilo.</h1>
Pues estos han sido todos los estilos que ten&iacute;amos preperados para ti.
Este tiene otra vez el estilo predeterminado para body.
</body>
</html>
